$chat-tool-call: (
    font-size: 14px,
    header-height: 32px,
    color-2: var(--ibiz-ai-chat-color-2),
    bg: var(--ibiz-ai-chat-hover-background-color),
    bg-2: var(--ibiz-ai-chat-hover-background-color-2),
    border-radius: var(--ibiz-ai-chat-border-radius),
    hover-bg-color: var(--ibiz-ai-chat-hover-background-color),
    border: var(--ibiz-ai-chat-border-color),
);

@include b(chat-tool-call) {
    @include set-component-css-var('chat-tool-call', $chat-tool-call);

    font-size: getCssVar(chat-tool-call, font-size);
    border-radius: getCssVar(chat-tool-call, border-radius);

    @include e(toggle) {
        display: block;
        padding: 8px 0;
        margin-top: 8px;
        color: getCssVar(chat-tool-call, color-2);
        text-align: center;
        cursor: pointer;
        background-color: getCssVar(chat-tool-call, bg);
        border-radius: getCssVar(chat-tool-call, border-radius);
        
        &:hover {
            background-color: getCssVar(chat-tool-call, hover-bg-color);
        }
    }
}